﻿@using PracticeSimple.Models
@using BusinessObjects;
@model EncounterModel

@{
    ViewBag.Title = "Encounter View";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<script src="~/Scripts/Encounter.js"></script>

<div id="Encounter">
    <h2>Patient Encounter</h2>
    <h4>@Model.patient.PatientFullName<span>&nbsp</span>@Model.encounter.PrettyDate</h4>

    <div id="vitals">
        <table id="tblVitals">
            <thead><tr><th>Vital</th><th>Value</th><th>Date</th></tr></thead>
            <tbody>

            </tbody>
        </table>
    </div>

    <a id="lnkAddVitals">+ Add Vitals</a>
    <div id="addVitals">
        <h5>Vitals</h5>
        <ul id="vitalsList" data-encounterid="@Model.encounter.EncounterID">
            @foreach (Vital v in Model.vitals)
            {
                @Model.renderVital(v);
            }
        </ul>

        <input type="button" id="btnSaveVitals" value="Save Vitals" />
    </div>
    
</div>